﻿<%@ Page Language="C#" MasterPageFile="~/NewDesign.master" AutoEventWireup="true" CodeFile="PresentationForm.aspx.cs" Inherits="PresentationForm" Title="Untitled Page" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainTable" Runat="Server">
<%--<asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>--%>
<div class="heading_inner">
 <div class="heading_topic">
   <h2>Presentation</h2></div>
  </div>
  
   <div class="cl"></div>  
   
   <div class="left-side fl">
     <h2>Doctor Presentation</h2>
   </div><!---/ Left wrapper -->
   <div class="profile_nav">
   <ul>
   <a href="#"><li><img src="images/search_p.png" width="10" height="10" alt="" />&nbsp;Start New Search</li></a>
    </ul>
   </div>
   <div class="cl"></div>
  
 <div class="prf_main">
  <div class="acc_navNew"> 
    <div class="">
                 <ul class="list-company">
                <asp:Repeater ID="rptrPresendation" runat="server">
                    <ItemTemplate>
                     <li>
                      <span id="adVideo" visible="false" >
                                            
                         <figure class="img-polaroid">   <a  style="height: 100px; width: 150px; border:1px; background-position:center; background-attachment:scroll ;display: block" href='<%=Session["strHttp"]%>PresentationForm.aspx?ThumpImage=<%# Eval("ThumpImage") %>'>
                         <asp:Image ID="Image1" CssClass = "pic" style = "cursor:pointer"  BackColor="Black" runat="server" BorderWidth="1px" Height = "100px" Width = "150px" ImageUrl = '<%#GetThumpNailImage(Eval("ThumpImage"))%>' />
                                </a>
                                </figure>
                            <div class="overflow">
                                <h4>
                                    <a href="#">
                                        <%# Eval("Title")%></a>
                                </h4>
                            </div>
                            </span>
                            
                            </li>
                    </ItemTemplate>
                </asp:Repeater>
               
               </ul>
        </div>
  </div>
  
  <asp:UpdatePanel ID="upd3" runat="server" UpdateMode= "Always">
        <ContentTemplate>
        
     
<div class="presentation_Slid" >

<div id="dvImage">

                  
   <asp:Literal ID="imgTag" runat="server" Visible="true"></asp:Literal> 
   
   </div>
  
      </div>
        </ContentTemplate>
         </asp:UpdatePanel>
  
   
</div>
<div class="cl"></div>
<div class="banner-bottom" >
        <img src="<%=Session["strHttp"]%>images/banner.jpg" alt="" />
 </div>
  </asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="InnerRight" Runat="Server">
<script src="<%=Session["strHttp"]%>Js/jquery.min.js"></script>
<script type = "text/javascript">
        $(function () {
//             var dvImage = $("<div/>");
//            dvImage.attr("id", "dvImage");
//            dvImage.css({ "position": "absolute" ,"border" :"1px" ,"border-color":"Black" });
//            $("form").append(dvImage);
        });
        $(".pic").live("mouseover", function (e) {
            var img = $(this)[0];
            var p = GetCordinates($(this)[0]);
           // $("#dvImage").offset({ top: p.y + 100, left: p.x + 100 })
           // $("#dvImage").html("<img src='" + img.src + "' width='500px' height='400px'"+"' border ='1px' border-color='Black' />");
            // document.getElementById("imgSlid").src = img.src;
                document.getElementById("imgPres").src =img.src;
        });
        $(".pic").live("mouseleave", function () {
          //  $("#dvImage").html('');
        });
        function GetCordinates(obj) {
            var p = {};
            p.x = obj.offsetLeft;
            p.y = obj.offsetTop;
            while (obj.offsetParent) {
                p.x = p.x + obj.offsetParent.offsetLeft;
                p.y = p.y + obj.offsetParent.offsetTop;
                if (obj == document.getElementsByTagName("form")[0]) {
                    break;
                }
                else {
                    obj = obj.offsetParent;
                }
            }
            return p;
        }
  
    </script>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="FeaturedBox" Runat="Server">
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="FeatureDocBox" Runat="Server">
</asp:Content>
<asp:Content ID="Content5" ContentPlaceHolderID="ScriptContent" Runat="Server">
</asp:Content>

